<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
	<title>task1.9</title>
</head>
<body>
	<div class="container">
		<div class="head">
			<div class="logo"></div>
			<div class="search">
				<input type="text">
				<div class="login">登陆</div>
			</div>
		</div>
		<div class="main">
			<div class="side">
				<div class="circle">ABC123</div>
				<div class="circle_content">
					<div class="collect">110收藏</div>
					<div class="funs">313粉丝</div>
				</div>
				<ul class="nav">
					<li class="Report">个人报表
						<ul>
							<li>文件一</li>
							<li>文件二</li>
							<li>文件三</li>
						</ul>
					</li>
					<li class="Collect">个人收藏</li>
					<li class="share">我的分享</li>
					<li class="pic">图库</li>
					<li class="grow">成长记号</li>
					<li class="Account">账户信息</li>
				</ul>
			</div>
			<div class="content">
				<div class="top">c站&nbsp;&nbsp;/&nbsp;&nbsp;个人报表&nbsp;&nbsp;/&nbsp;&nbsp;文件一&nbsp;&nbsp;/&nbsp;&nbsp;文档一</div>
				<div class="con">
					<div class="con1">
						<div class="con1_">
							<div class="con1_1">
								查新项<input type="text" value="第一项">
							</div>
							<div class="con1_2">
								买方<input type="text" value="小A"><br>
								卖方<input type="text" value="小C">
							</div>
							<div class="con1_3">
								日期<input type="text" value="2016-04-01">
								总耗时<input type="text" value="8天"><br>
								人数<input type="text" value="10人">
								成交项<input type="text" value="10项"><br>
							</div>
							<div class="search">搜索</div>
						</div>
					</div>
					<div class="con2">
						<div class="con2_l"></div>
						<ul class=con2_m>
							<li>
								<p>10:00 am</p>
								<h4><span>￥</span>1200</h4>
							</li>
							<li>
								<p>11:00 am</p>
								<h4><span>￥</span>1300</h4>
							</li>
							<li>
								<p>12:00 am</p>
								<h4><span>￥</span>1200</h4>
							</li>
							<li>
								<p>01:00 pm</p>
								<h4><span>￥</span>1400</h4>
							</li>
							<li>
								<p>02:00 pm</p>
								<h4><span>￥</span>1500</h4>
							</li>
							<li>
								<p>03:00 pm</p>
								<h4><span>￥</span>8200</h4>
							</li>
						</ul>
						<div class="con2_r"></div>
						<div class="history">历史查询</div>
					</div>
					<p class="pp">2016年4月份统计</p>
					<div class="con3">
						<ul>
							<li>
								<p>133311</p>
								<p class="con3_p">成交量</p>
							</li>
							<li>
								<p>133311</p>
								<p class="con3_p">成交量</p>
							</li>
							<li>
								<p>133311</p>
								<p class="con3_p">成交量</p>
							</li>
							<li>
								<p>133311</p>
								<p class="con3_p">成交量</p>
							</li>
						</ul>
					</div>
					<div class="con4">
						<div class="con4_l">
							<div class="title">第一组项目</div>
							<div class="project">
								<ul class="menu">
									<li>项目一</li>
									<li>项目一</li>
									<li>项目一</li>
									<li>项目一</li>
									<li>项目一</li>
								</ul>
								<table>
									<tr>
										<td>购买材料一</td>
										<td>购买材料一</td>
										<td>购买材料一</td>
										<td>购买材料一</td>
									</tr>
									<tr>
										<td>购买材料二</td>
										<td>购买材料二</td>
										<td>购买材料二</td>
										<td>购买材料二</td>
									</tr>
									<tr>
										<td>购买材料四</td>
										<td>购买材料四</td>
										<td>购买材料四</td>
										<td>购买材料四</td>
									</tr>
									<tr>
										<td>购买材料六</td>
										<td>购买材料六</td>
										<td>购买材料六</td>
										<td>购买材料六</td>
									</tr>
									<tr>
										<td>购买材料十三</td>
										<td>购买材料十三</td>
										<td>购买材料十三</td>
										<td>购买材料十三</td>
									</tr>
									<tr>
										<td>购买材料二十</td>
										<td>购买材料二十</td>
										<td>购买材料二十</td>
										<td>购买材料二十</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="con4_r">
							<div class="title">第一组项目</div>
							<div class="con4_r_con">
								<h4>标题</h4>
								<p>项目价格表</p>
								<ul>
									<li style="width:100px;height:44px;"></li>
									<li style="width:150px;height:44px;"></li>
									<li style="width:250px;height:100px;">
										<h4>详细描述</h4>
										<p>该项目目前负责人是...</p>
									</li>
								</ul>
							</div>
							<form action="">
								<input type="checkbox">遵守保密协议
								<button>搜索</button>
							</form>
						</div>
					</div>
					<div class="con5">
						<div class="con5_l">
							<div class="title">第一组项目</div>
							<div class="con5_l_con">
								<input type="text" value="2016年"><input type="text" value="4月"><input type="text" value="标注日期"><input type="text" value="返回今天">
								<ul>
									<li>一</li>
									<li>二</li>
									<li>三</li>
									<li>四</li>
									<li>五</li>
									<li>六</li>
									<li>日</li>
								</ul>
								<ul>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li>01愚人节</li>
									<li>02廿十五</li>
									<li>03廿十六</li>
									<li>04廿十七</li>
									<li>05清明</li>
									<li>06廿十九</li>
									<li>07三月</li>
									<li>08初二</li>
									<li>09初三</li>
									<li>10初四</li>
									<li>11初五</li>
									<li>12初六</li>
									<li>13初七</li>
									<li>14初八</li>
									<li>15初九</li>
									<li>16初十</li>
									<li>17十一</li>
									<li>18十二</li>
									<li>19十三</li>
									<li>20十四</li>
									<li>21十五</li>
									<li>22十六</li>
									<li>23十七</li>
									<li>24十八</li>
									<li>25十九</li>
									<li>26廿十</li>
									<li>27廿一</li>
									<li>28廿二</li>
									<li>29廿三</li>
									<li>30廿四</li>
									<li></li>
								</ul>
							</div>
						</div>
						<div class="con5_r">
							<div class="title">汽车行业品牌榜</div>
							<table>
								<tr>
									<th>排名</th>
									<th>品牌</th>
									<th>搜索指数</th>
								</tr>
								<tr>
									<td>1</td>
									<td>大众</td>
									<td>4891200 <span></span></td>
								</tr>
								<tr>
									<td>2</td>
									<td>丰田</td>
									<td>29307333<span></span></td>
								</tr>
								<tr>
									<td>3</td>
									<td>奥迪</td>
									<td>23139070<span></span></td>
								</tr>
								<tr>
									<td>4</td>
									<td>本田</td>
									<td>22885564<span></span></td>
								</tr>
								<tr>
									<td>5</td>
									<td>福特</td>
									<td>22324792<span></span></td>
								</tr>
								<tr>
									<td>6</td>
									<td>宝马</td>
									<td>21444077<span></span></td>
								</tr>
								<tr>
									<td>7</td>
									<td>现代</td>
									<td>20114969<span></span></td>
								</tr>
								<tr>
									<td>8</td>
									<td>起亚</td>
									<td>19251680</td>
								</tr>
								<tr>
									<td>9</td>
									<td>奔驰</td>
									<td>19172837</td>
								</tr>
								<tr>
									<td>10</td>
									<td>别克</td>
									<td>18544027<span></span></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>